<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta http-equiv="Content-Security-Policy"
        content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <meta name="theme-color" content="#2196f3">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../../framework7/css/framework7.min.css">
  <style>
    body {
      overflow-y: auto;
    }

    .item-input-wrap {
      pointer-events: none;
    }
    .item-input-wrap  a{
      pointer-events: auto;
    }
    .item-input-wrap  textarea{
      pointer-events: auto;
    }

  </style>
</head>
<body class="ios">
<div class="list inline-labels no-hairlines-md" style="margin:0">
  <ul class="process-form">
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">标题</div>
        <div class="item-input-wrap">
          <input type="text" id="title" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">发起人</div>
        <div class="item-input-wrap">
          <input id="fqr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">发起时间</div>
        <div class="item-input-wrap">
          <input id="fqsj" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同编号</div>
        <div class="item-input-wrap">
          <input id="htbh" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">概要说明</div>
        <div class="item-input-wrap">
          <textarea disabled id="gysm"></textarea>
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同承办人</div>
        <div class="item-input-wrap">
          <input id="htcbr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">合同部门负责人</div>
        <div class="item-input-wrap">
          <input id="htbmfzr" type="text" disabled value="">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">附件</div>
        <div class="item-input-wrap">
          <div>
            <a class='download' href="xxxxxxx" id="fj">xxx.html</a>
          </div>
          <div>
            <a class='download' href="xxxx" id="fj2">xx.html</a>
          </div>
          <div>
            <a class='download' href="xxxx" id="fj3">xx.html</a>
          </div>
          <div>
            <a class='download' href="xxxx" id="fj4">xx.html</a>
          </div>
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">承办部意见</div>
        <div class="item-input-wrap">
          <input type="text" disabled value="" id="cbbyj">
        </div>
      </div>
    </li>
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">意见回复:</div>
        <div class="item-input-wrap">
          <textarea id="reply" name="reply" ></textarea>
        </div>
      </div>
    </li>


  </ul>
</div>
<script src="../../framework7/js/framework7.min.js"></script>
<script type="text/javascript">
  window.updataView = function () {
    document.querySelector('#title').value = window.parent.app.data.todoListDetailsFormData.title;
    document.querySelector('#fqr').value = window.parent.app.data.todoListDetailsFormData.fqr;
    document.querySelector('#fqsj').value = window.parent.app.data.todoListDetailsFormData.fqsj;
    document.querySelector('#htbh').value = window.parent.app.data.todoListDetailsFormData.htbh;
    document.querySelector('#htcbr').value = window.parent.app.data.todoListDetailsFormData.htcbr;
    document.querySelector('#gysm').value = window.parent.app.data.todoListDetailsFormData.gysm;
    document.querySelector('#htbmfzr').value = window.parent.app.data.todoListDetailsFormData.htbmfzr;
    document.querySelector('#cbbyj').value = window.parent.app.data.todoListDetailsFormData.cbbyj;

  }
  window.onload = function () {
    document.ontouchmove = function (e) {
      e.stopPropagation();
    };
    var inputs = document.querySelectorAll('.item-input-wrap');
    for (var i = 0; i < inputs.length; i++) {
      console.dir(inputs[i])
      inputs[i].onmousemove = function (e) {
        e.preventDefault;
        e.stopPropagation();
      }
    }
    console.log('子页面加载完成!重设高度并且根据 表单数据 渲染 页面');
    parent.app.methods.resetTodoListDetailsIFrameHeight(parent.innerHeight - 130);//
    updataView();

  }
</script>
</body>
</html>
